@charset "utf-8";
/* toggleBox */
.togglebox{
	border:1px solid #333;
	box-shadow        :0 0 1px #fff;
	-moz-box-shadow   :0 0 1px #fff;
	-webkit-box-shadow:0 0 1px #fff;
	display:block;
	margin :0;
	padding:0;
}
.togglebox:hover{
	/*box-shadow        :0 0 2px #333;
	-moz-box-shadow   :0 0 2px #333;
	-webkit-box-shadow:0 0 2px #333;*/
}
.togglebox-inner{
	background-color:#ddd;
	background-image:-moz-linear-gradient(center top , #fff, #777);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#777));
	background-image:linear-gradient(center top , #fff, #777);
	box-shadow        :0 0 1px #fff inset;
	-moz-box-shadow   :0 0 1px #fff inset;
	-webkit-box-shadow:0 0 1px #fff inset;
	color   :#4c4c4c;
	cursor  :pointer;
	display :block;
	margin  :0;
	overflow:hidden;
	padding :0;
	position:relative;
}
.togglebox:hover .togglebox-inner{
	background-color:#eee;
	background-image:-moz-linear-gradient(center top , #fff, #888);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#888));
	background-image:linear-gradient(center top , #fff, #888);
}

.togglebox:hover td.togglebox-label-on span.label,
.togglebox:hover td.togglebox-label-off span.label{
	color:#1a1a1a;
}

.togglebox,
.togglebox-inner,
.togglebox-text,
.togglebox td.togglebox-label-on,
.togglebox td.togglebox-label-off,
.togglebox td.togglebox-label-on span.label,
.togglebox td.togglebox-label-off span.label{
	font-size  :14px;
	line-height:24px;
	height     :24px;
	margin     :0;
	padding    :0;
}

.togglebox-text-container{
	float  :left;
	margin :0;
	padding:0;
}
.togglebox-text{
	font-weight:bold;
	margin :0;
	padding:0 0 0 8px;
}

.togglebox-label-container{
	border-collapse:collapse;
	border-spacing :0;
	border-width   :0;
	float          :right;
	height         :48px;
	margin         :0;
	padding        :0;
	position       :relative;
}
.togglebox-label-container tbody,
.togglebox-label-container tr{
	margin:0;
	padding:0;
}
.togglebox td.togglebox-label-on,
.togglebox td.togglebox-label-off{
	margin:0;
	padding:0;
	vertical-align:middle;
}
.togglebox td.togglebox-label-on span.label,
.togglebox td.togglebox-label-off span.label{
	color:#4C4C4C;
	margin:0;
	padding:0 5px;
	text-align:center;
}